<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="contextPath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>业务监控</title>
        <!-- 框架固定样式 -->
        <link href="${contextPath}/static/optimization/css/bootstrap.min.css" rel="stylesheet" />
        <link href="${contextPath}/static/optimization/fontAwesome/css/font-awesome.min.css" rel="stylesheet">
        
		<link rel="stylesheet" href="${contextPath}/static/css/report/businessMonitor.css">
		<script src="${contextPath}/static/plugins/echarts/3.3.1/echarts.min.js"></script>
		<script src="${contextPath}/static/plugins/echarts/map/js/china.js"></script>
	    <script src="${contextPath}/static/js/jquery/jquery-2.0.3.min.js"></script>
		<script src="${contextPath}/static/js/My97DatePicker/WdatePicker.js"></script>
		<script src="${contextPath}/static/js/My97DatePicker/lang/zh-cn.js"></script>
		<script type="text/javascript">
		var merchantId = '${merchantId}';
		var projectConfit={
			apiUrl:'${dataBuildingUrl}'
		};
		</script>
	</head>
	
	<body>
		<div class="container-main">
	    <!-- 整体营销完成情况 -->
	    <div class="col-md-6 col-fluid">
	      <div class="clearfix">
	        <div  class="txt_title"><i class="theme-color-set fa fa-pie-chart"></i>整体营销完成情况</div>
	        <div class="clearfix prl">
	          <div class="col-xs-4 col-fluid" id="echarts1" style="height:200px;"></div>
	          <div class="col-xs-4 col-fluid" id="echarts2" style="height:200px;"></div>
	          <div class="col-xs-4 col-fluid" id="echarts3" style="height:200px;"></div>
	          <div class="xk_box">
	            <p id='rgValue'>认购:0%</p>
	            <p id='qyValue'>签约:0%</p>
	            <p id='hkValue'>回款:0%</p>
	          </div>
	        </div>
	        <div class="col-xs-4 mt10">
	          <select class="form-control" id="selectTime" onchange="queryAmount()">
	            <option value="jr" selected="selected">今日</option>
	            <option value="bz">本周</option>
	            <option value="qt">其它</option>
	          </select>
	          <p id="rgAmount" class="cashNum">认购：0（万）</p>
	        </div>
	        <div class="col-xs-4 p10 mt10">
	          <div><input type="text" class="form-control" name="startTime" id="startTime" onclick="WdatePicker()" onblur="queryAmount()"/></div> 
	          <p class="cashNum" id="qyAmount">签约：0（万）</p>
	        </div>
	        <div class="col-xs-4 mt10">
	          <div><input type="text" class="form-control" name="endTime" id="endTime" onclick="WdatePicker()" onblur="queryAmount()"/></div>
	          <p class="cashNum" id="hkAmount">回款：0（万）</p>
	        </div>
	        <div class="col-xs-12">
	          <table class="tab_box " id="projectTransactions"></table>
	        </div>
	      </div>
	    </div>
	    <!-- 城市成交热力图 -->
	    <div  class="col-md-6 col-fluid">
	      <div class="txt_title"><i class="theme-color-set fa fa-map"></i>城市成交热力图</div>
	      <div class="" id="echarts4" style="height:380px;"></div>
	    </div>
	    <div class="col-md-9 col-fluid">
	      <div class="txt_title">
	        <i class="theme-color-set fa fa-bar-chart"></i>重点项目数据监控
	      </div>
	      <div class="tit_jk clearfix">
	        <p id='xmjkValue1'>重庆-雅园</p>
	        <p id='xmjkValue2'>成都-保利</p>
	        <p id='xmjkValue3'>南京-万科</p>
	      </div>
	      <div class="col-xs-4" id="echarts6" style="height:200px;"></div>
	      <div class="col-xs-4" id="echarts7" style="height:200px;"></div>
	      <div class="col-xs-4" id="echarts8" style="height:200px;"></div>
	    </div>
	    <div class="col-md-3 col-fluid">  
	      <div class="txt_title" style=" margin-left:10px;"><i class="theme-color-set fa fa-line-chart"></i>各城市到访转化率</div> 
	        <div class="tit_jk clearfix">
	          <p id="gcsdf" class="tit_jk_last">各城市到访</p>
	          <select id="selectMonths" onchange="init_ybp9('echarts9')">
	            <option value="01" selected="selected">一月</option>
	            <option value="02">二月</option>
	            <option value="03">三月</option>
	            <option value="04">四月</option>
	            <option value="05">五月</option>
	            <option value="06">六月</option>
	            <option value="07">七月</option>
	            <option value="08">八月</option>
	            <option value="09">九月</option>
	            <option value="10">十月</option>
	            <option value="11">十一月</option>
	            <option value="12">十二月</option>
	          </select>
	        </div>   
	        <div class="" id="echarts9" style="height:200px;"></div>
	      </div>
	    </div>
	  </div>
	  <script src="${contextPath}/static/js/report/businessMonitor.js"></script>
	</body>
	
</html>